<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="screen-orientation" content="portrait">
		<meta name="x5-orientation" content="portrait">
		<meta name="full-screen" content="yes">
		<meta name="x5-fullscreen" content="true">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no,email=no,adress=no">
		<meta http-equiv="Cache-Control" content="no-cache,must-revalidate">
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="cache-Control" content="no-cache">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=yes" />
		<meta name="keywords" content="珠宝街,珠宝商城,珠宝街手机版,黄金、钻石、彩宝、铂金、银饰、翡翠、玉石、珍珠、水晶、手串、手链、手镯、戒指、佛珠、工艺品、企业礼品定制">
		<meta name="description" content="珠宝街、珠宝街手机版-中国最大的珠宝商城网站,在线销售黄金、钻石、彩宝、铂金、银饰、翡翠、玉石、珍珠、水晶、手串、手镯、手链、戒指、项链、手表、眼镜、转运珠、工艺品、字画收藏、企业礼品定制等海量珠宝品牌，珠宝知名大牌:周大福、老凤祥、周六福、卡地亚、百泰、菜百、周大生、中国黄金均入驻珠宝街平台，更汇聚全国知名珠宝批发基地，买珠宝,就上珠宝街! ">
		<title>珠宝街 - 触屏版</title>
		<link rel="shortcut icon" href="favicon.ico"/>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" type="text/css" href="css/fonts.css"/>
		<link rel="stylesheet" type="text/css" href="css/category.css"/>
	</head>
	<body>
		
		<!-- header -->
		<header class="clearfix">
			<div class="cate_header_l">
				<a href="javascript:;">
					<img src="images/logo_white.png" alt="">
				</a>
			</div>
			<div class="cate_header_form">
				<form action="" method="post">
					<input type="text" placeholder="请输入关键字">
					<span class="icon-sousuo"></span>
				</form>
			</div>
		</header>
		<!-- header end -->
		
		<!-- cate_main -->
		<div class="cate_main">
			<!-- left_nav -->
			<div class="left_nav">
				<ul>
					<li class="on">为您推荐</li>
					<li>名品大牌</li>
					<li>创意空间</li>
					<li>珠宝基地</li>
					<li>为您推荐</li>
					<li>名品大牌</li>
					<li>创意空间</li>
					<li>珠宝基地</li>
					<li>为您推荐</li>
					<li>名品大牌</li>
					<li>创意空间</li>
					<li>珠宝基地</li>
					<li>为您推荐</li>
					<li>名品大牌</li>
					<li>创意空间</li>
					<li>珠宝基地</li>
					<li>为您推荐</li>
					<li>名品大牌</li>
					<li>创意空间</li>
					<li>珠宝基地</li>
				</ul>
			</div>
			<!-- left_nav end -->
			<!-- right_nav -->
			<div class="right_nav">
				<div class="right_banner">
					<a href="#">
						<img src="images/cate_banner.jpg" >
					</a>
				</div>
				<!-- item -->
				<div class="list">
					<h2 class="list_tit">专场推荐</h2>
					<ul class="clearfix">
						<li>
							<a href="#" class="pic">
								<img src="images/cate_list01.jpg" >
							</a>
							<a href="#" class="name">黄金盛典</a>
						</li>
						<li>
							<a href="#" class="pic">
								<img src="images/cate_list02.jpg" >
							</a>
							<a href="#" class="name">银饰盛宴</a>
						</li>
						<li>
							<a href="#" class="pic">
								<img src="images/cate_list03.jpg" >
							</a>
							<a href="#" class="name">温润美玉</a>
						</li>
					</ul>
				</div>
				<!-- item end -->
				<!-- item -->
				<div class="list">
					<h2 class="list_tit">热门分类</h2>
					<ul class="clearfix">
						<li>
							<a href="#" class="pic">
								<img src="images/cate_list04.jpg" >
							</a>
							<a href="#" class="name">钻石</a>
						</li>
						<li>
							<a href="#" class="pic">
								<img src="images/cate_list05.jpg" >
							</a>
							<a href="#" class="name">彩色宝石</a>
						</li>
						<li>
							<a href="#" class="pic">
								<img src="images/cate_list06.jpg" >
							</a>
							<a href="#" class="name">玉石</a>
						</li>
						<li>
							<a href="#" class="pic">
								<img src="images/cate_list04.jpg" >
							</a>
							<a href="#" class="name">钻石</a>
						</li>
						<li>
							<a href="#" class="pic">
								<img src="images/cate_list05.jpg" >
							</a>
							<a href="#" class="name">彩色宝石</a>
						</li>
						<li>
							<a href="#" class="pic">
								<img src="images/cate_list06.jpg" >
							</a>
							<a href="#" class="name">玉石</a>
						</li>
					</ul>
				</div>
				<!-- item end -->
				<!-- item -->
				<div class="list">
					<h2 class="list_tit">热门分类</h2>
					<ul class="clearfix">
						<li>
							<a href="#" class="pic">
								<img src="images/cate_list04.jpg" >
							</a>
							<a href="#" class="name">钻石</a>
						</li>
						<li>
							<a href="#" class="pic">
								<img src="images/cate_list05.jpg" >
							</a>
							<a href="#" class="name">彩色宝石</a>
						</li>
						<li>
							<a href="#" class="pic">
								<img src="images/cate_list06.jpg" >
							</a>
							<a href="#" class="name">玉石</a>
						</li>
					</ul>
				</div>
				<!-- item end -->
				<!-- item -->
				<div class="list">
					<h2 class="list_tit">热门分类</h2>
					<ul class="clearfix">
						<li>
							<a href="#" class="pic">
								<img src="images/cate_list04.jpg" >
							</a>
							<a href="#" class="name">钻石</a>
						</li>
						<li>
							<a href="#" class="pic">
								<img src="images/cate_list05.jpg" >
							</a>
							<a href="#" class="name">彩色宝石</a>
						</li>
						<li>
							<a href="#" class="pic">
								<img src="images/cate_list06.jpg" >
							</a>
							<a href="#" class="name">玉石</a>
						</li>
					</ul>
				</div>
				<!-- item end -->
			</div>
			<!-- right_nav end -->
		</div>
		<!-- cate_main end -->
		
		<!-- footer -->
		<footer>
			<ul>
				<li><a href="javascript:;"></a></li>
				<li class="on"><a href="javascript:;"></a></li>
				<li><a href="javascript:;"></a></li>
				<li><a href="javascript:;"></a></li>
				<li><a href="javascript:;"></a></li>
			</ul>
		</footer>
		<!-- footer end -->
		 
		<script src="js/adaptive.js" type="text/javascript" charset="utf-8"></script>
		<script>
		    // 设计图宽度
		    window['adaptive'].desinWidth = 750;
		    // body 字体大小 会将body字体大小设置为 baseFont / 100 + 'rem'
		    window['adaptive'].baseFont = 28;
		    
		    // 显示最大宽度 可选
		    window['adaptive'].maxWidth = 750;
		    
				// rem值改变后执行方法 可选
		   /* window['adaptive'].setRemCallback = function () {
		        alert(1)
		    } */
		     
		    // 初始化
		    window['adaptive'].init();
		</script>
		
		<!-- tabbar点击事件 -->
		<script type="text/javascript">
			var cateBtn = document.querySelector("footer ul li:nth-child(1)")  //跳转到首页页面
			cateBtn.onclick = function(){
				location.href = "index.html"
			}
		</script>
		
		
	</body>
</html>


